body,
html {
	padding-bottom: 1.35rem;
	background: #fff;
}

.my-top {
	position: relative;
	height: 2.98rem;
	background: url(../../images/my1.png) no-repeat;
	background-size: 100% 2.98rem;
}
.my-photo {
	position: absolute;
	left: 2.6%;
	top: 0.8rem;
	width: 50%;
	height: 1.33rem;
}
.my-photo > span {
	width: 1.33rem;
	height: 1.33rem;
	/* background: url(../../images/my2.png) no-repeat; */
	background-size: contain;
}
.my-photo > p {
	font-size: 0.4rem;
	color: #fff;
	padding-left: 8px;
	line-height: 1.33rem;
}
.integral-box {
	position: absolute;
	right: 2.6%;
	top: 1.06rem;
	width: 2.66rem;
	height: 0.8rem;
	background: #fff;
	background-color: rgba(0,0,0,0.2);
	border-radius: 0.4rem;
	text-align: center;
}
.integral-box > span {
	font-size: 0.35rem;
	color: #fff;
	line-height: 0.8rem;	
}
.my-item {
	height: 1.33rem;
	padding: 0 2.6%;
	border-bottom: 1px solid #e5e5e5;
}
.my-item > span {
	display: block;
	height: 1.33rem;
	padding-left: 0.86rem;
	font-size: 0.37rem;
	color: #333333;
	line-height: 1.33rem;
}
.my18 {
	background: url(../../images/my18.png) no-repeat 0 center;
	background-size: 0.67rem 0.67rem;
}
.my19 {
	background: url(../../images/my19.png) no-repeat 0 center;
	background-size: 0.67rem 0.67rem;
}
.my20 {
	background: url(../../images/my20.png) no-repeat 0 center;
	background-size: 0.67rem 0.67rem;
}
.my21 {
	background: url(../../images/my21.png) no-repeat 0 center;
	background-size: 0.67rem 0.67rem;
}
.my22 {
	background: url(../../images/my22.png) no-repeat 0 center;
	background-size: 0.67rem 0.67rem;
}
.my23 {
	background: url(../../images/my23.png) no-repeat 0 center;
	background-size: 0.67rem 0.67rem;
}
.my24 {
	background: url(../../images/my24.png) no-repeat 0 center;
	background-size: 0.67rem 0.67rem;
}
.my25 {
	background: url(../../images/my25.png) no-repeat 0 center;
	background-size: 0.67rem 0.67rem;
}
/*底部*/

.detail-bottom {
	position: fixed;
	bottom: 0;
	overflow: hidden;
	width: 94.8%;
	height: 1.3rem;
	padding: 0 2.6%;
	text-align: center;
	background: #f8f8f8;
	border-top: 1px solid #dfdfdf;
	z-index: 9;
}

.detail-bottom>div {
	float: left;
	width: 20%;
	height: 100%;
}

.index1-gary>p {
	width: 100%;
	height: 0.8rem;
	background: url(../../images/index1-gary.png) no-repeat center bottom;
	background-size: 0.47rem 0.45rem;
}

.detail-bottom>div>span {
	display: block;
	font-size: 0.27rem;
	color: #666666;
	line-height: 0.5rem;
}

.color-green {
	color: #0db664!important;
}

.index2-gray>p {
	width: 100%;
	height: 0.8rem;
	background: url(../../images/index2-gary.png) no-repeat center bottom;
	background-size: 0.47rem 0.45rem;
}

.index3-gray>p {
	width: 100%;
	height: 0.8rem;
}

.index4-gray>p {
	width: 100%;
	height: 0.8rem;
	background: url(../../images/index4-gary.png) no-repeat center bottom;
	background-size: 0.47rem 0.45rem;
}

.index5-green>p {
	width: 100%;
	height: 0.8rem;
	background: url(../../images/index5-green.png) no-repeat center bottom;
	background-size: 0.47rem 0.45rem;
}

.demand-btn {
	position: fixed;
	left: 43.3%;
	bottom: 0.63rem;
	width: 1.28rem;
	height: 1.28rem;
	background: url(../../images/index3-add.png) no-repeat center bottom;
	background-size: 1.28rem 1.28rem;
	z-index: 9;
}